<template>
  <div class="menu-container">
    <a-card class="card">
      <a-result status="403" title="403" sub-title="你没有此页面的访问权限。">
        <template #extra>
          <a-button type="primary" @click="() => $router.push('/')">回到首页</a-button>
        </template>
      </a-result>
    </a-card>
  </div>
</template>
<script lang='ts' setup>
import { useRouter } from "vue-router";
const $router = useRouter();
</script>
<style lang='less' rel='stylesheet/less' scoped>
.menu-container {
  margin: 20px;
  height: calc(100% - 80px);

  .card {
    height: 100%;
    overflow: scroll;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 12%);
    border-radius: 4px;
    margin: 8px 5px;
  }
}
</style>